/*
css 中经常有类似 background-image 这种通过 - 连接的字符，通过 javascript 设置样式的时候需要将这种样式转换成 backgroundImage 驼峰格式，请完成此转换功能
1. 以 - 为分隔符，将第二个起的非空单词首字母转为大写
2. -webkit-border-image 转换后的结果为 webkitBorderImage
*/
function cssStyle2DomStyle(sName) {
    // 填写JavaScript
    let arr = sName.split('-');
    let str = ''
    let flag;
    arr.forEach((item, index) => {
        if (index === 0 && item === '') {
            // 第一个应该小写
            flag = true
        } else {
            if (flag) {
                if (index !== 1) {
                    str += item.charAt(0).toUpperCase() + item.slice(1)
                } else {
                    str += item
                }
            } else {
                if (index !== 0) {
                    str += item.charAt(0).toUpperCase() + item.slice(1)
                } else {
                    str += item
                }
            }
        }
    });
    return str

}
console.log(cssStyle2DomStyle('-webkit-border-image'))
/*
function cssStyle2DomStyle(sName) {
  const reg = /-(.)/g;
  return sName.replace(reg, (fullMatch, g1, index) => {
    if (index === 0) return g1;
    return g1.toUpperCase();
  });
}
*/
/*
function cssStyle2DomStyle(sName) {
    //split切割函数
    var arr = sName.split('');
    //判断第一个是不是 - ，是的话就删除、
    if(arr.indexOf('-') ==0 ){
        arr.splice(0,1);
    }
    
    //处理剩余的 -
    for(var i = 0;i < arr.length; i++){
        if(arr[i] == '-'){
            arr.splice(i ,1);
            arr[i] = arr[i].toUpperCase();
        }
    }
    //根据某个字符将数组转成字符串
    return arr.join('');
}
*/
/*
function cssStyle2DomStyle(sName) {
  // 先通过split('-')将原字符串拆分成由若干个字符串组成的数组，并删除空字符串项
  const arrs = sName.split('-').filter(item => item)
  // 定义一个用于记录的空字符串
  let name = ''
  // 循环arrs
  for (const i in arrs) {
      // 首个字符串不做处理
      if (i == 0) {
        name += arrs[i]
      } else {
         // 将对应字符串拆成以单个字母组成的临时数组
         const nameArr = arrs[i].split('')
         // 将index为0的字母转为大写
         nameArr[0] = nameArr[0].toUpperCase()
         // 再将该临时数组组成新的字符串并记录下来    
         name+= nameArr.join('')
      }
  }

  return name
}*/